import { Image } from "react-vant";
import "./My.css";
import { LocationO, SettingO } from "@react-vant/icons";
import { useAppSelector } from "@/hooks/storeHooks";
const My: React.FC = () => {
  const userInfo: ResponseSuppliersDto = useAppSelector((d) => d.auth.userInfo);

  return (
    <div className="content">
      <div className="region blue">
        <div className="box">
          <div className="avatar">
            <Image
              round
              fit="scale-down"
              height={"70px"}
              width={"90px"}
              src="http://localhost:2303/IMages/Supplier/1/2b7c8c3290404cf486054ee7b5c57298.png"
            />
          </div>
          <div className="info">
            <div className="name">{userInfo.shopName}</div>
            <div className="address">
              <LocationO />
              {userInfo.address}
            </div>
          </div>
        </div>
      </div>
      <div className="region yellow">
        <div className="item">
          <SettingO />
          设置
        </div>
        <div className="item">退出</div>
      </div>
    </div>
  );
};

export default My;
